<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
const infoList = [
    {
        question_id: '001',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '002',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '003',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '004',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '005',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '006',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '007',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '008',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '009',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '010',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '011',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '012',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },
    {
        question_id: '013',
        question_type: '单选',
        question_sourse: '图像理解文档.docx',
        question_discription: '自己编写代码实现图像的简单变换',
        question_score: "1分",
        question_difficulty: "简单" 
    },


]
</script>

<template>
    <el-card>
        <el-row :gutter="20">
            <el-col :span="7">
                <el-input placeholder="请输入要查询内容">
                    <template #append>
                        <el-button :icon="Search" />
                    </template>
                </el-input>
            </el-col>
            <el-col :span="4">
                <el-button type="primary">查询</el-button>
            </el-col>
        </el-row>
        <el-table :data="infoList" style="width: 100%" max-height="500px">
            <el-table-column prop="question_id" label="问题ID" width="100" />
            <el-table-column prop="question_discription" label="问题描述" width="400" />
            <el-table-column prop="question_sourse" label="问题来源" width="200" />
            <el-table-column prop="question_type" label="问题类型" width="100" />
            <el-table-column prop="question_score" label="问题分值" width="100" />
            <el-table-column prop="question_difficulty" label="问题难度" width="100" />
            <el-table-column fixed="right" label="基本操作" width="200">
                <template #default>
                    <el-button type="primary" size="small">编辑</el-button>
                    <el-button type="danger" size="small">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</template>

<style scoped lang="less">
.el-card {
    height: 100%;
    .el-input {
        width: 100%;
    }
    .el-table {
        padding-top: 30px;
    }
}
</style>
